<template>
  <div class="protection">
    <TopSubfield></TopSubfield>
    <div class="consumer-protection">
      <div class="consumer-pt-top">
        <ul>
          <li class="consumer-top-pic">
            <img src="../../../../static/images/consumer-04.png">
          </li>
          <li class="consumer-top-info">
            <h1>驼铃网消费者保障服务
              <p>保障您的户外无忧</p>
            </h1>
            <div>携手全国户外领队，共同签署 〖消费者保障协议〗
              <br>设立保障基金并承诺提供全平台户外活动保障服务
            </div>
          </li>
        </ul>
      </div>
      <div class="consumer-pt-tab">
        <ul>
          <li>
            <a href="http://www.belltrip.cn/">
              <img src="../../../../static/images/consumer-05.png">
            </a>
            <span>消费者保障</span>
          </li>
        </ul>
      </div>
      <div class="consumer-pt-info">
        <div class="consumer-info-tab">
          <div class="consumer-info-top">
            <img src="../../../../static/images/consumer-02.png">
            <h2>消费者保障服务</h2>
            <p>消费者保障服务是指户外领队签署了驼铃网消费者保障服务协议，承诺为消费者提供活动保障服务。用户在驼铃网报名活动和参加活动的过程中，如果遇到活动不能成行并未提前通知、活动中遇到安全问题没有妥善处置、没有明确表示不购买保险且不为报名用户购买保险、活动中体验差并且没有适当理由解释及活动中存在用户未知却又强制消费等等领队没有履行〖消费者保障协议〗的行为，用户可以根据本页面及驼铃网规则规定发起维权，经判定维权成功的，驼铃网将扣划领队保证金进行违约赔付，以保障用户权益。</p>
          </div>
          <div class="consumer-info-main">
            <h2>保障范围说明</h2>
            <p>在驼铃网报名活动及参加活动中产生的纠纷，驼铃网有权介入处理</p>
            <h2>保障期限</h2>
            <p>自用户付款之时起至活动成行后十五（15）天内</p>
            <h2>用户可享受的保障权益</h2>
            <p>在驼铃网报名活动及参加活动过程中，遇到如下问题：
              <br>1、活动不能成行并未提前通知；
              <br>2、活动中遇到安全问题没有妥善处置；
              <br>3、没有明确表示不购买保险且不为报名用户购买保险；
              <br>4、活动内容与活动页面中介绍的内容不符并且没有让用户接受的理由解释；
              <br>5、活动中存在用户未知的隐性消费。
              <br>领队承诺给用户退回全部或部分款项。
              <br>若领队未履行承诺，用户可以根据本页面及驼铃规则规定发起维权，经判定维权成功的，驼铃网将扣划领队保证金进行先行赔付，以保障用户权益。
              <br>注：用户不在驼铃网按正规流程报名的不在消费者保障范围内，超过保障期限的也不是在保障范围内。
            </p>
            <h2>提出消费者保障赔付的条件</h2>
            <p>用户发起的赔付申请的相关商品与收到的商品为同一件；
              <br>用户已要求领队提供退货服务而被领队拒绝，或无法联系到该领队，或领队中断其经营、服务；
              <br>用户的赔付申请在形式上符合相关法律法规的规定；
              <br>赔付申请金额仅以用户实际支付的商品价款加邮费（含维权商品回邮邮费）为限；
              <br>用户确认表面一致（关于“表面一致”，详情请见《驼铃争议处理规范规则》）后，不得就表面一致的问题提出“消费者保障服务”赔付申请，但收货人能够提供有效相反证据的除外；
            </p>
            <h2>退款、维权流程解说</h2>
            <div>
              <img src="../../../../static/images/consumer-03.jpg">
            </div>
          </div>
        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import TopSubfield from "@/components/top/TopSubfield";
import Footer from "@/components/bottom/footer";
export default {
  name: "protection",
  data() {
    return {};
  },
  components: {
    TopSubfield,
    Footer
  },
  methods:{
    init(){
        window.scrollTo(0,0);
    }
  },
  mounted(){
      this.init();
  }
};
</script>



<style lang="less">
.protection {
  background: #ebebeb;
  ul,
  li,
  h1,
  h2,
  h3,
  h4,
  p {
    padding: 0;
    margin: 0;
  }
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
  .consumer-protection {
    background: #eff6ff;
    width: 90%;
    margin: 0 auto;
  }
  .consumer-pt-top ul {
    overflow: hidden;
  }
  .consumer-pt-top ul li {
    float: left;
    height: 260px;
    position: relative;
  }
  .consumer-top-pic {
    width: 400px;
    line-height: 260px;
    text-align: center;
  }
  .consumer-top-pic img {
    vertical-align: middle;
  }
  .consumer-top-info {
    width: 800px;
  }
  .consumer-top-info h1 {
    padding: 30px 60px;
    text-align: left;
    font-size: 40px;
    color: #53aa42;
    font-weight: bold;
  }
  .consumer-top-info h1 p {
    text-align: right;
  }
  .consumer-top-info div {
    font-size: 18px;
    color: #505050;
  }
  .consumer-top-info a {
    display: block;
    height: 50px;
    width: 230px;
    background: #fff;
    border: 1px solid #5bac4b;
    position: absolute;
    bottom: 30px;
    right: 30px;
    line-height: 50px;
    color: #4b4b4b;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
  }
  .consumer-pt-tab ul {
    height: 40px;
    padding-top: 5px;
    background: #f3ac6f;
  }
  .consumer-pt-tab ul:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
    overflow: hidden;
    opacity: 0;
  }
  .consumer-pt-tab ul li {
    height: 40px;
    float: left;
    color: #fff;
    border-right: 3px solid #e77919;
    line-height: 40px;
    font-size: 18px;
    padding-left: 2px;
  }
  .consumer-pt-tab ul li span {
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
  }
  .consumer-pt-tab ul li:hover {
    border-right: 3px solid #f3ac6f !important;
  }
  .consumer-pt-tab ul li span:hover {
    background: #eff6ff !important;
    color: #e77919 !important;
  }
  .consumer-pt-tab ul li:first-child {
    height: 55px;
    line-height: 55px;
    margin-top: -20px;
    background: #e77919;
    border-right: none !important;
    padding: 5px 5px 0 5px;
  }
  .consumer-pt-tab ul li:first-child a {
    display: inline-block;
    padding: 0 5px;
  }
  .consumer-pt-tab ul li:first-child a img {
    vertical-align: middle;
  }
  .consumer-pt-tab ul li:first-child span {
    display: inline-block;
    padding: 0 10px;
  }
  .consumer-protection h2 {
    color: #007930;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .consumer-pt-info {
    padding: 0 35px;
  }
  .consumer-pt-info p {
    font-size: 16px;
    line-height: 20px;
  }
  .consumer-info-top {
    border-bottom: 1px solid #737373;
    padding: 30px 0 30px 80px;
    position: relative;
  }
  .consumer-info-top img {
    position: absolute;
    top: 50px;
    left: 0;
  }
  .consumer-info-main h2 {
    margin: 20px 0;
    font-weight: 200;
  }
  .consumer-info-tab {
    display: none;
  }
  .consumer-info-tab:first-child {
    display: block;
  }
  .consumer-info-tab > b {
    display: block;
    padding: 50px 0;
  }
}
</style>
